<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/incss.css">
    <link rel="stylesheet" href="../../图标图标/iconfont.css">


</head>

<body>
    <div class="top">
        <div class="tp"><img src="../img/tb.jpg" alt=""></div>
        <div class="tb">

            <a href="../html/login.html"><span class="denglu iconfont icon-user ">
                </span></a>

            <span class="gwc iconfont icon-gouwuche">
                <span class="ddd"></span>
            </span>
        </div>
        <div class="bx">
            <ul class="u1">

                <li>在线商城</li>
                <li>坚果R2</li>
                <li>Smartisan TNT go</li>
                <li>坚果TNT 工作站</li>
                <li>Smartisan OS</li>
                <li>欢喜云</li>
                <li>应用</li>
                <li>论坛</li>
                <li>开发者支持</li>
                <li>荣誉与奖项</li>
                <li>加入我们</li>
                <li>下载APP</li>
            </ul>
        </div>
    </div>
    <div class="bx1">
        <div class="rig">
            <button class="subtn iconfont icon-fangdajing"></button>
            <input type="text" class="int">
            <div class="d1">
                <span class="jg">坚果R2</span>
                <span class="tt">TNT</span>
            </div>
            <ul class="w1">
                    <li>1</li>
                      <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                                <li>6</li>
                                <li>7</li>
                                <li>8</li>
                                <li>9</li>
            </ul>
        </div>
        <div>
            <ul class="u1">
                <li>首页</li>
                <li>坚果手机</li>
                <li>TNT</li>
                <li>官方自营</li>
                <li>服务</li>
            </ul>
        </div>
    </div>
    <div class="top_1">
        <div class="banner" id="banner">
            <ul class="t1">
                <li class="active"><img src="../img/l1.jpg" alt=""></li>
                <li><img src="../img/l2.png" alt=""></li>
                <li><img src="../img/l3.jpg" alt=""></li>
            </ul>
            <ol class="pointBox"></ol>
        </div>
        <a href="../html/list.html">
            <div class="top_2">
                <div class="to1">
                    <img src="../img/t3.jpg" alt="">
                </div>

                <div class="to2">
                    <img src="../img/t4.jpg" alt="">
                </div>
                <div class="to3">
                    <img src="../img/t2.jpg" alt="">
                </div>
                <div class="to4">
                    <img src="../img/t1.png" alt="">
                </div>
            </div>
        </a>
        <a href="../html/GOODS.html">
            <div class="top_3">
                <div class="op">
                    <h5>热门商品</h5>
                </div>
                <div class="op1">
                    <!-- <div class="op1_1"></div>
                <div class="op1_2">
                    <h3></h3>
                    <h5></h5>
                </div>
                <div class="op1_3">
                    <span></span>
                </div> -->
                </div>
                <div class="op2">
                    <!-- <div class="op2_1"></div>
                <div class="op2_2">
                    <h3></h3>
                    <h5></h5>
                </div>
                <div class="op2_3">
                    <span></span>
                </div> -->
                </div>
                <div class="op3">
                    <!-- <div class="op3_1"></div>
                <div class="op3_2">
                    <h3></h3>
                    <h5></h5>
                </div>
                <div class="op3_3">
                    <span></span>
                </div> -->
                </div>
                <div class="op4">
                    <!-- <div class="op4_1"></div>
                <div class="op4_2">
                    <h3></h3>
                    <h5></h5>
                </div>
                <div class="op4_3">
                    <span></span>
                </div> -->
                </div>
            </div>
        </a>
        <div class="top_4">
            <div class="tp">
                <h5>坚果R2及配件</h5>
            </div>
            <div class="tp1">
                <img src="../img/dai.png" alt="">
            </div>
            <div class="tp2">
                <!-- <div class="tp2_1"></div>
                <div class="tp2_2">
                    <h3></h3>
                    <h5></h5>
                </div>
                <div class="tp2_3">
                    <span></span>
                </div> -->
            </div>
            <div class="tp3"></div>
            <div class="tp4"></div>
            <div class="tp5">
                <!-- <div class="tp5_1"></div>
                <div class="tp5_2">
                    <h3></h3>
                    <h5></h5>
                </div>
                <div class="tp5_3">
                    <span></span>
                </div> -->
            </div>
            <div class="tp6"></div>
            <div class="tp7"></div>
        </div>
        <div class="top_5">
            <div class="st">
                <h5>Smartisan TNT</h5>
            </div>
            <div class="st1">
                <img src="../img/xia.png" alt="">
            </div>
            <div class="st2">
                <!-- <div class="st2_1"></div>
                <div class="st2_2">
                    <h3></h3>
                    <h5></h5>
                </div>
                <div class="st2_3">
                    <span></span>
                </div> -->
            </div>
            <div class="st3"></div>
            <div class="st4"></div>
            <div class="st5"></div>
            <div class="st6"></div>
            <div class="st7"></div>
        </div>
        <div class="top_6">
            <div class="gx">
                <h5>官方精选配件</h5>
            </div>
            <div class="gx1">
                <img src="../img/yi.png" alt="">
            </div>
            <div class="gx2">
                <!-- <div class="gx2_1"></div>
                <div class="gx2_2">
                    <h3></h3>
                    <h5></h5>
                </div>
                <div class="gx2_3">
                    <span></span>
                </div> -->
            </div>
            <div class="gx3"></div>
            <div class="gx4"></div>
            <div class="gx5"></div>
            <div class="gx6"></div>
            <div class="gx7"></div>
        </div>
        <div class="top_7">
            <div class="zj">
                <h5>足迹系列保护套</h5>
            </div>
            <div class="zj1">
                <img src="../img/dian.png" alt="">
            </div>
            <div class="zj2">
                <div class="zj2_1"></div>
                <div class="zj2_2">
                    <h3></h3>
                    <h5></h5>
                </div>
                <div class="zj2_3">
                    <span></span>
                </div>
            </div>
            <div class="zj3"></div>
            <div class="zj4
            "></div>
            <div class="zj5"></div>
            <div class="zj6"></div>
            <div class="zj7"></div>
        </div>
        <div class="top_8">
            <div class="lt">
                <h5>论坛精选</h5>
            </div>
            <div class="lt1">
                <figure>
                    <img src="../img/1.jpg" alt="">
                </figure>
                <h3>Smartisan OS v8.0.1 更新日志</h3>
                <p>Smartisan OS v8.0.1 已于 10 月 20 日推送给坚果 R2 用户。</p>
                <p class="pp">阅读全文 ></p>
            </div>
            <div class="lt2">
                <figure>
                    <img src="../img/2.jpg" alt="">

                </figure>
                <h3>R2体验新鲜出炉，上手两小时体验...</h3>
                <p>新鲜出炉上手体验</p>
                <p class="pp">阅读全文 ></p>
            </div>
            <div class="lt3">
                <figure>
                    <img src="../img/3.jpg" alt="">

                </figure>
                <h3>我的Smartisan手机</h3>
                <p>祝新品大卖.</p>
                <p class="pp">阅读全文 ></p>
            </div>
            <div class="lt4">
                <figure>
                    <img src="../img/4.png" alt="">

                </figure>
                <h3>坚果 R2 购买及使用常见问题</h3>
                <p>你关心的各种问题~</p>
                <p class="pp">阅读全文 ></p>
            </div>
        </div>
        <div class="bt">
            <ul>

                <li class="item">
                    <h3>订单服务</h3>
                    <div class="item-name">
                        <a href="">购买指南</a>
                        <a href="">送货政策</a>
                    </div>
                </li>
                <li class="item">
                    <h3>服务支持</h3>
                    <div class="item-name">
                        <a href="">自助服务</a>
                        <a href="">维修门店</a>
                    </div>
                </li>
                <li class="item">
                    <h3>媒体中心</h3>
                    <div class="item-name">
                        <a href="">新闻动态</a>
                        <a href="">官方视频</a>
                        <a href="">图片资源</a>
                    </div>
                </li>
                <li class="item">
                    <h3>关注我们</h3>
                    <div class="item-name">
                        <a href="">新浪微博</a>
                        <a href="">官方微博</a>
                        <a href="">荣誉奖项</a>
                    </div>
                </li>

            </ul>
            <div class="bt1">
                <h1 class="tel">400 - 603 - 5000</h1>
                <h2 class="time">周一到周日 9:00 - 18:00</h2>
                <h2 class="desc">(仅收市话费)</h2>
                <div class="oline">
                    <a href=""></a>
                    <span>在线帮助</span>
                </div>
            </div>
        </div>
        <div class="floot">
            <ul class="floot-1">
                <li>Copyright © 2020 smartisan.com 版权所有</li>
                <li>锤子商城隐私政策</li>
                <li>锤子商城用户协议</li>
                <li class="fl1">资质证照</li>
            </ul>
            <ul class="f1">
                <li>京 ICP 备 19048576 号 - 1</li>
                <li>京公网安备 11010502039854号</li>
                <li class="fl1">京食药网食备 202010031</li>
            </ul>
        </div>
    </div>

    <ul class="daohang">
        <li class="active">首页</li>
        <li>精选物品</li>
        <li>热门商品</li>
        <li>坚果R2及配件</li>
        <li>Smartisan TNT</li>
        <li>官方精选配件</li>
        <li>足迹系列保护套</li>
        <li>论坛精选</li>
        <li>底部</li>
    </ul>
    <button class="goTop">回到顶部</button>
    <script src="../js/ss.js"></script>
    <script src="../../jquerylcgd/js/jquery-3.4.1.min.js"></script>
    <script src="../js/utils.js"></script>
    <script src="../js/banner.js"></script>
    <script src="../js/index.js"></script>

    <script>
        const cb = new Banner('#banner')
        $(window).scroll(function () {
            for (let i = 0; i < $('.top_1 > div').length - 1; i++) {
                if ($(window).scrollTop() < $('.top_1 > div').eq(i + 1).offset().top) {
                    $('.daohang > li').eq(i).addClass('active').siblings().removeClass('active')
                    return
                } else {
                    $('.daohang > li').eq(i + 1).addClass('active').siblings().removeClass('active')
                }
            }
        })
        $('.daohang > li').click(function () {
            $('html').animate({ scrollTop: $('.top_1 > div').eq($(this).index()).offset().top })
        })
        $(".goTop").click(e => {
            $('html').animate({
                scrollTop: 0
            }, 2000)
        })



    </script>



</body>

</html>